// .noData {
// 		position: fixed;
// 		left: 0;
// 		top: 0;
// 		bottom: 0;
// 		right: 0;
// 		margin: auto;
// 	}
/*flex 布局*/
.z-display {
	display: flex;
}
.z-flex-f-d{
	display: flex;
	align-items: center;
	flex-direction: column;
}
.z-display-a-c {
	display: flex;
	align-items: center;
}

.z-display-j-b {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.z-display-j-a {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.z-flex-wrap {
	flex-wrap: wrap;
}

.z-flex-1 {
	flex: 1;
}

/*文本排列*/

.z-text-c {
	text-align: center;
}

.z-text-l {
	text-align: left;
}

.z-text-r {
	text-align: right;
}

.z-of-hidden{
	overflow: hidden;
}

.z-w-h-100{
	width: 100%;
	height: 100%;
}

/*margin 30*/


/* // 定义内外边距，历遍1-80 */
@for $i from 0 through 80 {
	/* // 只要双数和能被5除尽的数 */
	@if $i % 2 == 0 or $i % 5 == 0 {
		/* // 得出：z-mg-30 */
		.z-mg-#{$i} {
			margin: $i + upx!important;
		}
		
		/* // 得出：z-pd-30 */
		 .z-pd-#{$i} {
			padding: $i + upx!important;
		}
		
		@each $short, $long in l left, t top, r right, b bottom {
			/* // 如： z-mg-l-30 */
			/* // 定义外边距 */
			.z-mg-#{$short}-#{$i} {
				margin-#{$long}: $i + upx!important;
			}
			
			/* // 定义内边距 */
			.z-pd-#{$short}-#{$i} {
				padding-#{$long}: $i + upx!important;
			}
		}
	}
}


/*文字大小*/
/* 文字20 - 50 .z-f-s- */
@for $i from 18 through 60 {
	.z-f-s-#{$i} {
		font-size: $i + rpx;
	}
}



/*边框*/
/* 目前设置为黑色 可随时更改 */
$z-border-color:#000000;

.z-border-1 {
	border: 1upx solid $z-border-color;
}

.z-border-r-1 {
	border-right: 1upx solid $z-border-color;
}

.z-border-l-1 {
	border-left: 1upx solid $z-border-color;
}

.z-border-t-1 {
	border-top: 1upx solid $z-border-color;
}

.z-border-b-1 {
	border-bottom: 1upx solid $z-border-color;
}

/* border radius  圆角 */
.z-border-radius-5 {
	border-radius: 5upx;
}

.z-border-radius-10 {
	border-radius: 10upx;
}
.z-border-radius-15 {
	border-radius: 15upx;
}

.z-border-radius-20 {
	border-radius: 20upx;
}

.z-border-radius-25 {
	border-radius: 25upx;
}


/*强制文本一行*/

.z-line-1 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.z-line-2 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
}


/*文字加粗*/

.z-f-w-500 {
	font-weight: 500;
}

.z-f-w-600 {
	font-weight: 600;
}

/*背景颜色*/

.z-bg-fff {
	background: #ffffff;
}


/*字体颜色*/

.z-c-9a {
	color: #9A9A9A;
}

.z-c-66 {
	color: #666666;
}

.z-c-ff {
	color: #ffffff;
}

.z-c-00 {
	color: #000000;
}

.z-c-47A2E4 {
	color: #47A2E4;
}

.z-c-ee {
	color: #EEEEEE;
}

.z-c-99 {
	color: #999999;
}
.z-c-f5{
	color: #f5f5f5;
}